<template>
  <div class="pay-success">
    <div class="logo">
      <img src="@/assets/zhifuchenggong.png">
      <p>支付成功</p>
    </div>
    <div class="goods">
      <p class="title">天赋儿童测试  |  一次</p>
      <p class="price">
        68.65<em>元</em>
      </p>
    </div>
    <div class="btn">
      <span @click="router({path: './examStart'})">立即测试</span>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  created () {
  },
  methods: {    
    router (path) {
      this.$router.push(path)
    },
  }
}
</script>
<style lang="stylus" scoped>
  .logo
    text-align center
    padding-top 4rem
    img
      width 4.3rem
      height 4.3rem
      display inline-block
    p
      font-size 1.5rem
      color #43A047
  .goods
    text-align center
    margin-top 10rem
    .title
      color #333333
      font-size 1.5rem
      line-height 3rem
      margin-bottom 1rem
    .price
      color #333
      font-size 4rem
      font-weight bold
      em
        font-size 2rem
        line-height 2.2rem
        font-weight 400
  .btn
    position fixed
    bottom 4.8rem
    text-align center
    width 100%
    span
      width 18rem
      height 3.6rem
      border 1px solid #43A047
      border-radius 100px
      color #43A047
      margin-bottom 1.5rem
      display inline-block
      line-height 3.6rem
      text-align center
      font-size 1.5rem
</style>